<template>
  <div>
    <!--
    el-dialog
       title:标题
       :visible.sync:是否显示
       width:宽度设置
       默认插槽：主体内容
       具名插槽：footer,底部内容插槽，常用于放取消与确定按钮
    -->
    <el-button @click="openDialog">打开弹框</el-button>
    <!-- 弹窗 -->
    <HmDialog ref="dialog" />
  </div>
</template>
<script>
import HmDialog from './components/HmDialog.vue'
export default {
  components: {
    HmDialog
  },
  data() {
    return {
      // show: false
    }
  },
  methods: {
    openDialog() {
      this.$refs.dialog.show = true
      // this.show = true
    }
  }
}
</script>
<style>
</style>
